/**
 * @description 前台的layout界面样式
 */

.layout-container {
  user-select: none;
}

.add-modal {
  user-select: none;
}

.ant-spin-fullscreen {
  z-index: 1002;
}

// -----------------------------
// 头部的样式
// ------------------------------
.header-wrapper {
  user-select: none;
}

// -----------------------------
// [首页的样式]
// ------------------------------

// 系统公告1 弹框
.notice1-modal {
  .ant-modal-body {
    overflow: hidden;
  }
}

// 头部的单选
// 覆盖,跟随父元素
.header-search-wrapper .ant-select-single {
  height: 100%;
}

// -------------------
// [菜单]
// --------------------
// 覆盖menu菜单的标题容器
.menu-horizontal .ant-menu-horizontal .ant-menu-submenu-title {
  color: inherit;
}

// 覆盖menu菜单的selected底部的一横
.ant-menu-light.ant-menu-horizontal>.ant-menu-item:hover::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item:hover::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu:hover::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu:hover::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-item-active::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-active::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-active::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-active::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-item-open::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-open::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-open::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-open::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-item-selected::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-selected::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-selected::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-selected::after {
  display: none;
}

// -------------------
// [轮播图]
// --------------------
.banner-wrapper.ant-carousel .slick-dots li button::after {
  display: none;
}

.banner-wrapper.ant-carousel .ant-image {
  width: 100%;
}

.banner-wrapper.ant-carousel-vertical .slick-dots {
  width: auto;
}


// -------------------
// [列表页的-分页]
// --------------------
// 覆盖,分页的上一页、下一页的a标签
.ab-pagination.ant-pagination a {
  color: inherit;
  padding: 0;
}

// 覆盖ant单选组件的高度样式，由ant-select-selector配置
.ab-pagination .ant-select-single {
  height: inherit;
}

// 覆盖前、后几页的图标颜色
.ab-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ab-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  color: inherit;
}

// -------------------
// [详情页的-倒计时]
// --------------------
// 倒计时的文本，跟随父元素
.attr .ant-statistic .ant-statistic-content {
  font-size: inherit;
  color: inherit;
}

// -------------------
// [详情页的-tab]
// --------------------
.detailtab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: inherit;
}
.centertab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: inherit;
}

// 轮播图 图片容器宽度跟随父元素
.detailpicture .ant-image {
  width: 100%;
}